import Map from 'ol/Map';
import { OSM, TileDebug, BingMaps, Vector as VectorSource } from 'ol/source';
import { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer';
import View from 'ol/View';
import { fromLonLat } from 'ol/proj';
import { Attribution, FullScreen, defaults as defaultControls } from 'ol/control';
import { GeoJSON } from 'ol/format'
import { platformModifierKeyOnly } from 'ol/events/condition';
import { Select, DragBox } from 'ol/interaction'
import { DEVICE_PIXEL_RATIO } from 'ol/has';
import { Fill, Stroke, Style } from 'ol/style'

const map = new Map({
    layers: [
        new TileLayer({
            source: new OSM(),
        }),
        new TileLayer({
            source: new TileDebug(),
        }),
    ],
    target: 'map',
    view: new View({
        center: [0, 0],
        zoom: 1,
    }),
});
